$(document).ready(function () {
    initCard();
/*        initMlpm();
        initSjhx();
        initDcrzTable();

        initDetalClick();//初始化详情点击事件*/
    initCounterUp();
});



function initCard() {
    $.ajax({
        type: "GET",
        contentType: "application/json",
        dataType: "json",
        url: "../index/queryCard",
        async:false,
        success: function (jsonData) {
            $('#jgzs').attr('data-value',jsonData.data.jgzs);
            $('#zzmlzs').attr('data-value',jsonData.data.sjmlzs);
            $('#sjmlzs').attr('data-value',jsonData.data.sjjzs);
            $('#xxxtzs').attr('data-value',jsonData.data.yyxtzs);
        }
    });
}

function initSjhx() {
    $.ajax({
        type: "GET",
        contentType: "application/json",
        dataType: "json",
        url: "../index/querySjsjhx",
        success: function (jsonData) {
            initImg('wtjgx','无条件共享率',jsonData.data.wtjgxl,'#FDA412');
            initImg('jghl','结构化率',jsonData.data.jghl,'#07BFA7');
            initImg('gxzq','更新周期<=1天',jsonData.data.gxzq,'#268BFD');
        }
    });
}



var Y_Axis_Style = {
    type: 'value',
    axisTick: {
        show: false
    },
    axisLine: {
        show: false
    },
    axisLabel: {
        color: "#818181",
        fontSize: 12,
    },
    splitLine: {
        lineStyle: {
            color: "#EBEBEB"
        }
    }
};

function initMlpm() {
    var myChart = echarts.init(document.getElementById('mlpm'),'shine');
    var data = {"code":200,"data":{"valueList":["26","20","12","9","5"],"nameList":["妇幼健康","基层健康","市中医局","药械处","药械处"]}};

    $.ajax({
        type: "GET",
        contentType: "application/json",
        dataType: "json",
        async:false,
        url: "../index/queryZzmlPm",
        success: function (jsonData) {
            data = jsonData.data;
        }
    });

    var option = {
        grid: {
            y: 25,
        },
        xAxis: {
            data: data.nameList,
            axisTick: {
                show: false
            },
            axisLine: {
                show: false
            },
            z: 10,
            axisLabel: {    // 坐标轴标签
                show: true,  // 是否显示
                inside: false, // 是否朝内
                rotate: 0, // 旋转角度
                margin: 5, // 刻度标签与轴线之间的距离
                color: '#999',  // 默认取轴线的颜色
                formatter:function(value){
                    if(value.length > 7){
                        return value.substring(0,7)+'...';
                    }else{
                        return value;
                    }
                }
            }
        },
        yAxis: Y_Axis_Style,
        tooltip: {
            show: true,   // 是否显示提示框，默认为true
            trigger: 'item', // 数据项图形触发
            axisPointer: {   // 指示样式
                type: 'shadow',
                axis: 'auto'
            },
            padding: 5,
            textStyle: {   // 提示框内容的样式
                color: '#fff'
            },
            formatter:function(params){
                return "机构："+params.name+"<br>职责目录数量："+params.data+"个";
            }
        },
        series: [{
            name: '',
            type: 'bar',
            data: data.valueList,
            barWidth : '15px',
            itemStyle: {
                normal: {
                    color: new echarts.graphic.LinearGradient(
                        0, 0, 0, 1,
                        [
                            {offset: 0, color: '#83bff6'},
                            {offset: 0.5, color: '#188df0'},
                            {offset: 1, color: '#188df0'}
                        ]
                    ),
                    barBorderRadius: [0, 0, 0, 0],
                },
                emphasis: {
                    color: new echarts.graphic.LinearGradient(
                        0, 0, 0, 1,
                        [
                            {offset: 0, color: '#2378f7'},
                            {offset: 0.7, color: '#2378f7'},
                            {offset: 1, color: '#83bff6'}
                        ]
                    ),
                    barBorderRadius: [0, 0, 0, 0]
                },
            }
        }]
    };
    myChart.setOption(option);
}

function initImg(id,name,value,colorValue) {
    var myChart = echarts.init(document.getElementById(id),'shine');
    var option = {
        tooltip: {
            show:false,
            trigger: 'item',
            formatter: ''
        },
        color : [ colorValue, '#EFF4F9'],
        graphic: [{　　　　　　　　　　　　　　　　//环形图中间添加文字
            type: 'text',　　　　　　　　　　　　//通过不同top值可以设置上下显示
            left: 'center',
            top: '45%',
            style: {
                text: name,
                textAlign: 'center',
                fill: '#000',　　　　　　　　//文字的颜色
                width: 30,
                height: 30,
                fontSize: 12,
                color: "#4d4f5c",
                fontFamily: "Microsoft YaHei"
                }
         }, {
                type: 'text',
                left: 'center',
                top: '55%',
                style: {
                text: value+'%',
                textAlign: 'center',
                fill: colorValue,
                width: 30,
                height: 30,
                fontSize: 18
            }
         }],
        series: [
            {
                name: name,
                type: 'pie',
                radius: ['50%', '70%'],
                avoidLabelOverlap: false,
                label: {
                    normal: {
                        show: false,
                        position: 'center'
                    },
                    emphasis: {
                        show: false,
                        textStyle: {
                            fontSize: '12',
                            fontWeight: 'bold'
                        }
                    }
                },
                emphasis:{
                    show:false
                },
                labelLine: {
                    normal: {
                        show: false
                    }
                },

                data: [
                    {value: value, name: name},
                    {value: (100-value), name: '无'}
                ]
            }
        ]
    };
    myChart.setOption(option);
}

function initDcrzTable() {

    $("#dcrz").bootstrapTable('destroy').bootstrapTable({
        url: "../index/queryDcrz",
        method: 'GET',
        dataType: 'json',
        undefinedText: '空',
        striped: true,                      //是否显示行间隔色
        cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
        pagination: false,                   //是否显示分页（*）
        sortable: false,                     //是否启用排序
        sidePagination: "server",
        queryParamsType: "",
        queryParams:"",
        columns: [{
            field: 'mbmc',
            title: '导出类型名称',
            width: "25%"
        },{
            field: 'ryxm',
            title: '导出用户',
            width: "25%"
        },{
            field: 'jgmc',
            title: '所属机构',
            width: "25%"
        },{
            field: 'xzsj',
            title: '导出时间',
            width: "25%"
        }]
    });
}

function initDetalClick() {
        appendMenu('jgxq','jggl.html?mcode=92000101&cdType=third', '机构管理');
        appendMenu('zzmlxq','zzml.html?mcode=92000102&cdType=third', '职责目录管理');
        appendMenu('sjmlxq','sjml-sjmlgl.html?mcode=92000103&cdType=third', '数据目录管理');
        appendMenu('xxxtxq','sjml-xxxtgl.html?mcode=92000104&cdType=third', '信息系统管理');
        $(".J_menuItem_hab").on("click", menuClink);
}

function appendMenu(divId,url, name){
    var htmlTmp = " <a class=\"J_menuItem_hab\" style=\"text-decoration:none;border-width:0px;    padding-left: 5px;height: 30px;\" href=\""+url+"\" name='"+name+"'  data-toggle=\"tab\">\n" +
        "<img src=\"../img/view-detail.png\" style=\"width: 13px;height: 12px;padding-right:2px;cursor:pointer;\"/>\n" +
        " </a>";
    $("#"+divId).append(htmlTmp);
}


function menuClink() {
    var o = $(this).attr("href"),
        m = $(this).data("index"),
        l =  $(this).attr("name"),
        k = true;
    if (o == undefined || $.trim(o).length == 0) {
        return false
    }
    $(".J_menuTab").each(function () {
        if ($(this).data("id") == o) {
            if (!$(this).hasClass("active")) {
                $(this).addClass("active").siblings(".J_menuTab").removeClass("active");
                g(this);
                $(".J_mainContent .J_iframe").each(function () {
                    if ($(this).data("id") == o) {
                        $(this).show().siblings(".J_iframe").hide();
                        return false
                    }
                })
            }
            k = false;
            return false
        }
    });
    if (k) {
        var p = '<a href="javascript:;" class="active J_menuTab" data-id="' + o + '">' + l + ' <i class="fa fa-times-circle"></i></a>';
        $(window.parent.document).find(".J_menuTab").removeClass("active");
        var n = '<iframe class="J_iframe" name="iframe' + m + '" width="100%" height="100%" src="' + o + '" frameborder="0" data-id="' + o + '" seamless></iframe>';
        $(window.parent.document).find(".J_mainContent").find("iframe.J_iframe").hide().parents(".J_mainContent").append(n);
        $(window.parent.document).find(".J_menuTabs .page-tabs-content").append(p);
        g($(".J_menuTab.active"))
    }
    $(".nav-second-wn").find("li").removeClass("active");
    $(this).parent().addClass("active");

    //兄弟节点移除active;
    $(this).parent().siblings('li').removeClass("active");
    $(this).parent().find('li').css("font-weight","bold");
    $(this).children().find("label").css("font-weight","bold");
    $(this).parent().siblings("li").find("label").css("font-weight","normal");

    return false
}


